<!--
 * @Descripttion: 出手鸭小程序
 * @version:1.0.1 
 * @Author: HHL
 * @Date: 2023-10-17 10:27:09
 * @LastEditTime: 2024-08-04 18:18:13
 * @LastEditors: sueRimn
-->

<template>
  <popup-bottom ref="popup" :title="popupContent.title">
    <template #default>

      <scroll-view scroll-y class="container" :class="systemInfo.fullScreen ? 'else' : ''">
		<rich-text class="p" :nodes="popupContent.info" />
      </scroll-view>

    </template>
  </popup-bottom>
</template>

<script>


import { mapGetters } from 'vuex'

export default {
  props: {
    popupTipTitle: { type: String, default: '' },
    popupContent: { type: Object, default: {} },
    popupType: { type: Number, default: 0 },
  },

  computed: {
		...mapGetters([
			'systemInfo',
		]),
  },

  methods: {
    onOpen() {
      this.$refs.popup.open()
    },

    onClose() {
      this.$refs.popup.close()
    }
  }
}
</script>

<style lang="scss" scoped>

.container{
  max-height: 600rpx;
  min-height: 400rpx;
  padding-bottom: 30rpx;
  &.else{
    max-height: 800rpx;
    padding-bottom: 60rpx;
  }
}

.p{
  font-size: 28rpx;
  color: #333;
  line-height: 36rpx;
  padding: 10rpx 30rpx;
  display: block;
}

.img{
  width: 690rpx;
  height: auto;
  margin: 0 auto;
  display: block;
}

</style>